<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
		<link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
		<link rel="stylesheet" href="../css/public.css" media="all">
	<style>
		.layui-card {border:1px solid #f2f2f2;border-radius:5px;}
		.icon {margin-right:10px;color:#1aa094;}
		.icon-cray {color:#ffb800!important;}
		.icon-blue {color:#1e9fff!important;}
		.icon-tip {color:#ff5722!important;}
		.layuimini-qiuck-module {text-align:center;margin-top: 10px}
		.layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
		.layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
		.welcome-module {width:100%;height:210px;}
		.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
		.panel-body {padding:10px}
		.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
		.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
		.layui-red {color:red}
		.main_btn > p {height:40px;}
		.layui-bg-number {background-color:#F8F8F8;}
		.layuimini-notice:hover {background:#f6f6f6;}
		.layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
		.layuimini-notice-title,.layuimini-notice-label {
		    padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
		.layuimini-notice-title {line-height:28px;font-size:14px;}
		.layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
	</style>
	</head>
	<body>
		<div class="layuimini-container">
		    <div class="layuimini-main">
		        <div class="layui-row layui-col-space10">
					<div class="layui-col-md6">
					<div class="layui-carousel" id="test1" lay-filter="test1">
					  <div carousel-item="">
					    <div><img src="../images/1.jpg" /></div>
					    <div><img src="../images/2.jpg" /></div>
					    <div><img src="../images/1.jpg" /></div>
					    <div><img src="../images/2.jpg" /></div>
					    <div><img src="../images/1.jpg" /></div>
					  </div>
					</div> 
					</div>
					<div class="layui-col-md6">
					    <div class="layui-card">
					        <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
					        <div class="layui-card-body">
					            <div class="welcome-module">
					                <div class="layui-row layui-col-space10 layuimini-qiuck">
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://www.gov.cn" data-title="中国政府网" data-icon="fa fa-institution">
					                            <i class="fa fa-institution"></i>
					                            <cite>中国政府网</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="http://www.cnpc.com.cn" data-title="中国石油" data-icon="fa fa-gears">
					                            <i class="fa fa-gears"></i>
					                            <cite>中国石油</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://rq.scnyw.com/" data-title="川能燃气" data-icon="fa fa-institution">
					                            <i class="fa fa-institution"></i>
					                            <cite>川能燃气</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://www.cdgas.com/" data-title="成都燃气" data-icon="fa fa-institution">
					                            <i class="fa fa-institution"></i>
					                            <cite>成都燃气</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://www.eastmoney.com/" data-title="东方财富股价" data-icon="fa fa-line-chart">
					                            <i class="fa fa-line-chart"></i>
					                            <cite>东方财富股价</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://www.google.cn/" data-title="谷歌搜索" data-icon="fa fa-search">
					                            <i class="fa fa-search"></i>
					                            <cite>谷歌搜索</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="http://www.chinagas.org.cn/" data-title="中国燃气" data-icon="fa fa-institution">
					                            <i class="fa fa-institution"></i>
					                            <cite>中国燃气</cite>
					                        </a>
					                    </div>
					                    <div class="layui-col-xs3 layuimini-qiuck-module">
					                        <a href="javascript:;" layuimini-content-href="https://www.baidu.com" data-title="百度搜索" data-icon="fa fa-search">
					                            <i class="fa fa-search"></i>
					                            <cite>百度搜索</cite>
					                        </a>
					                    </div>
					                </div>
					            </div>
					        </div>
					    </div>
					
					</div>
					<div class="layui-col-md12">
						<div class="layui-card">
						    <div class="layui-card-header"><i class="fa fa-bullhorn icon icon-tip"></i>行业新闻</div>
						    <div class="layui-card-body layui-text">
						        <div class="layuimini-notice">
						            <div class="layuimini-notice-title">我国能源综合供应能力不断提升</div>
						            <div class="layuimini-notice-extra">2021-07-24 </div>
						            <div class="layuimini-notice-content layui-hide">
										进入迎峰度夏以来，受华东、华中、华南持续大范围高温天气影响，全国发用电量持续攀升。记者从国家发改委运行局获悉，7月14日，全国发电量、最高用电负荷同创历史高峰。当日全国发电量达到271.87亿千瓦时，创历史新高，较入夏前历史峰值（今年1月7日259.67亿千瓦时）增长12.2亿千瓦时；全国最高用电负荷达到11.92亿千瓦，较历史峰值（今年1月7日11.89亿千瓦）增长0.03亿千瓦。
						            </div>
						        </div>
						        <div class="layuimini-notice">
						            <div class="layuimini-notice-title">刘科院士：当前业内对碳中和认知有六个误区</div>
						            <div class="layuimini-notice-extra">2021-07-23 </div>
						            <div class="layuimini-notice-content layui-hide">
										当前业内对碳中和的挑战及认知有限，存在六大误区和五个现实路径。7月15日，全国碳市场开市之时，澳大利亚国家工程院外籍院士、南方科技大学创新创业学院院长刘科在深圳创新发展研究院等单位联合主办的科技创新院士报告厅以“碳中和误区及其现实路径”为主题演讲时表示。
						            </div>
						        </div>
						        <div class="layuimini-notice">
						            <div class="layuimini-notice-title">天然气官网的维修与保养</div>
						            <div class="layuimini-notice-extra">2021-07-22 </div>
						            <div class="layuimini-notice-content layui-hide">
										国家能源局局长章建华在会上表示，2019年国家能源局实施了油气行业增储上产的“七年行动计划”。3年来，油气工业战线心坚定不移推进油气增储上产，着力攻克深层技术难题，油气勘探开发工作卓有成效。原油实现增产稳产，天然气持续快速上产，有力巩固发展油稳气增的态势和趋势。特别是今年，大打油气勘探开发进攻仗，超额完成阶段目标任务。
						            </div>
						        </div>
						        <div class="layuimini-notice">
						            <div class="layuimini-notice-title">尼日利亚《石油工业法案》获批</div>
						            <div class="layuimini-notice-extra">2021-07-22 </div>
						            <div class="layuimini-notice-content layui-hide">
										尼日利亚拖延已久的《石油工业法案》日前终于获得了国民议会的批准，预计年底前将正式成为法律。

										该法案的具体修订条款主要包括：确保良好的行业治理和问责机制，将成立负责上游油气技术和商业监管的上游监管委员会，以及负责中游和下游业务和活动监管的中下游石油监管局;将油气区块特许权使用费税率下调，其中陆上15%，浅水12.5%，深海和边境盆地7.5%，天然气2.5%-5%，同时将本土销售的石油产品批发价税率下降，仅征收最高1%的税收;正式生效6个月后，将成立以商业为导向、以盈利为重点的尼日利亚国家石油有限公司，以逐步替代现有的国家石油公司，为下一步本土上市融资铺平道路。
						            </div>
						        </div>
						        <div class="layuimini-notice">
						            <div class="layuimini-notice-title">俄罗斯为何拒绝向欧洲输送更多的天然气</div>
						            <div class="layuimini-notice-extra">2021-07-20 </div>
						            <div class="layuimini-notice-content layui-hide">
										大宗商品价格不断上涨，这使得资源富足国家的经济前景见好。俄罗斯在很大程度上利用了这一优势，特别是在原油和天然气方面。作为欧洲最重要的天然气供应商，俄罗斯天然气工业股份公司(Gazprom)处于有利地位，能够获得相当大的利润。然而，这家国有能源巨头对向欧洲增运天然气的态度冷淡，这表明该公司可能已改变战略。
						            </div>
						        </div>
						    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
			
	
	<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
	<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
	<script>
		layui.use(['carousel', 'layer', 'miniTab'], function(){
		  var carousel = layui.carousel;
		  var $ = layui.jquery,
		      layer = layui.layer,
		      miniTab = layui.miniTab;

		  
		  miniTab.listen();
		
		carousel.render({
		    elem: '#test1',
		    width: '100%', //设置容器宽度
			//height: '400px',
		    arrow: 'hover', //始终显示箭头	
			indicator: 'none'
		  });
		  $('body').on('click', '.layuimini-notice', function () {
		      var title = $(this).children('.layuimini-notice-title').text(),
		          noticeTime = $(this).children('.layuimini-notice-extra').text(),
		          content = $(this).children('.layuimini-notice-content').html();
		      var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: white;color: black">\n' +
		          '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
		          '<div style="font-size: 12px">' + content + '</div>\n' +
		          '</div>\n';
		      parent.layer.open({
		          type: 1,
		          title: '行业新闻'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
		          area: '300px;',
		          shade: 0.8,
		          id: 'layuimini-notice',
		          btn: ['确定', '取消'],
		          btnAlign: 'c',
		          moveType: 1,
		          content:html,
		          success: function (layero) {
		              // var btn = layero.find('.layui-layer-btn');
		              // btn.find('.layui-layer-btn0').attr({
		              //     href: 'https://gitee.com/zhongshaofa/layuimini',
		              //     target: '_blank'
		              // });
		          }
		      });
		  });
		});
	</script>
	</body>	  
</html>
